// pages/index/index.js
import {getCode,login} from '../../api/user'
Page({

  /**
   * 页面的初始数据
   */
  data: {
    phone:'',
    time:60,
    isShow:true,
    error:'',
    error1:'',
    code:'',
    color:'',
    color1:''
  },
  changePhone() {
    // 手机号未输入
    if(!this.data.phone) {
      this.setData({
        error:'请输入手机号',
        color:'color:red'
      })
    } else {
      // 手机号输入
      const rule=/^(?:(?:\+|00)86)?1[3-9]\d{9}$/
      if(!rule.test(this.data.phone)) {
        this.setData({
          error:'手机号格式不正确'
        })
      } else {
        return true
      }
      
    }
  },
  //input 双向绑定
  inputHandle(e) {
    this.setData({
      phone:e.detail
    })
  },
  inputHandle1(e) {
    this.setData({
      code:e.detail
    })
  },
  changeCode() {
    if(!this.data.code) {
      this.setData({
        error1:'请输入验证码',
        color1:'color:red'
      })
    } else {
      return true
    }
  },
  //验证码
  async getCode() {
  try {
      // 不输入手机号就return
      if(!this.changePhone()) return
      const res=await getCode(this.data.phone)
      console.log(res);
      this.setData({
          isShow:false
      })
      wx.showToast({
        title:'亲,发送成了',
        icon:'success'
      })
      const timer=setInterval(()=>{
          this.setData({
            time:this.data.time-1
          })
          if(this.data.time<0) {
            clearInterval(timer)
            this.setData({
              isShow:true,
              time:60
            })
          }
        },1000)
  } catch (error) {
    wx.showToast({
      title:'亲,发送频繁',
      icon:'error'
    })
  }
  },
  // 登录
  async onLogin() {
    const phone=this.changePhone()
    const code=this.changeCode()
    if( !phone || !code ) return
    const res=await login({
      mobile:this.data.phone,
      code:this.data.code
    })
    console.log(res);
    // 拿到token之后存起来
    wx.setStorageSync('token',res.data.token)
    wx.switchTab({
      url:'/pages/my/my'
    })
    
  },
  //跳转到my
  goLogin() {
    wx.switchTab({
      url: '/pages/my/my',
    });
  },
  /**
   * 生命周期函数--监听页面加载
   */
  onLoad(options) {
    // 那数据渲染
  },

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady() {

  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow() {

  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide() {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload() {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh() {

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom() {

  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage() {

  }
})